﻿html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
body{line-height:1}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
table{border-collapse:collapse;border-spacing:0}
body{font:14px/1 Tahoma,STHeiti,"Microsoft YaHei",Helvetica,Verdana,sans-serif;letter-spacing:1px;color:#fff;background:#222;overflow:hidden}
html,body{height:100%;min-width:640px;min-height:450px}
a{text-decoration:none;color:#fff}
.link-text-wrapper{position:relative;left:50%;float:left}
.link-text-wrapper .link-text{display:block;position:relative;left:-50%;white-space:nowrap;float:left}
.link-text-wrapper .link-icon{float:left}
#container{height:100%;margin:0 auto;position:relative;overflow:hidden}
#main{height:100%;position:relative;z-index:1;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}
#nav{width:100%;height:60px;position:absolute;bottom:0;left:0;z-index:2}
#nav ul{width:100%;max-width:1000px;margin:0 auto;position:relative;z-index:2}
#nav li{width:20%;float:left}
#nav a{display:block;height:60px;line-height:60px;cursor:pointer;color:#b1b1b1;-webkit-transition:background .3s ease-out;-moz-transition:background .3s ease-out;-ms-transition:background .3s ease-out;-o-transition:background .3s ease-out;transition:background .3s ease-out;overflow:hidden;outline:0}
#nav a:hover{color:#fff}
#nav #link-about:hover{background:#226cd4}
#nav #link-log:hover{background:#c33}
#nav #link-guide:hover{background:#3aa624}
#nav #link-comment:hover{background:#f2ca00}
#nav #link-app:hover{background:#c145cc}
#nav a .link-icon{width:20px;height:20px;margin:20px 8px 0 0;background-image:url(../images/img/icons-nav_078b02e.png);overflow:hidden}
#nav a:hover .link-icon{background-image:url(../images/img/icons-nav-active_8e6f1c1.png)}
#nav #link-about .link-icon{background-position:0 0}
#nav #link-log .link-icon{background-position:-20px 0}
#nav #link-guide .link-icon{background-position:-40px 0}
#nav #link-comment .link-icon{background-position:-60px 0}
#nav #link-app .link-icon{background-position:-80px 0}
#nav-overlay{width:100%;height:100%;position:absolute;top:0;left:0;z-index:1;background:#000;opacity:.8;filter:alpha(opacity=80)}
#top-left-bar{width:300px;height:100px;left:33px;text-indent:-999px;background:url(../images/img/logo.png) no-repeat;overflow:hidden}
#top-right-bar{display:block;width:300px;height:100px;right:33px;overflow:hidden;text-indent:-9999px;no-repeat}
.top-bar{position:absolute;top:10px;z-index:2}
#slide-bar{width:11px;height:161px;margin-top:-80px;position:absolute;top:50%;right:35px;z-index:2;overflow:hidden}
#slide-bar li{width:11px;height:11px;padding-bottom:14px}
#slide-bar li a{display:block;height:100%;background:url(../images/img/button-slide-bar_af3c08b.png) no-repeat;overflow:hidden}
#slide-bar .slide-bar-active a{background-position:0 -11px}
#boxes{z-index:1;font-size:32px}
#boxes,#boxes li{width:100%;height:100%;position:absolute;top:0;left:0}
#boxes li{display:none;overflow:hidden;z-index:99}
#boxes .boxes-item-first{display:block}
#boxes .wallpaper{position:absolute;z-index:1}
#logo-text,#logo-text-point{display:block;max-width:600px;height:7.685%;max-height:83px;margin-left:-300px;position:absolute;top:43.24%;left:50%;z-index:4}
#desc{width:640px;max-width:640px;margin-left:-320px;position:absolute;top:42.9%;left:50%;z-index:2;font-size:88px}
#desc li{width:100%;position:absolute;top:0;left:0}
#desc .desc-item-first{display:block}
#desc li{display:none}
#desc h2{width:600px;max-width:600px;max-height:84px;margin:0 auto .28em;text-align:right}
#desc p{font-size:.2272em;text-align:center;line-height:1.5}
#button-download{display:block;width:506px;height:85px;margin-left:-153px;position:absolute;top:63.88%;left:50%;z-index:4;overflow:hidden;cursor:pointer}
#logo-text img,#logo-text-point img,#desc h2 img,#button-download img{height:100%}
#button-download img{width:100%}
#package-info{width:600px;margin-left:-300px;height:14px;position:absolute;top:73%;left:50%;z-index:2;font-size:12px;text-align:center;line-height:14px}
#package-info li{display:inline;padding:0 10px;border-right:solid 1px #c5cec8;border-color:rgba(255,255,255,.4)}
#package-info .package-info-last{border:0}
#container .logo-text-up{width:86px;height:42px;margin-left:-124px;top:29px}
#container .button-download-up{width:190px;height:50px;margin-left:5px;top:25px}
#container .button-download-mini{width:249px!important;height:69px!important;margin-left:-124px!important;top:56%!important}
#sub{width:100%;position:relative;z-index:3;overflow:hidden}
.sub-item{display:none;width:100%;height:100%;position:relative}
.sub-item .button-down{width:990px;height:45px;padding-top:25px;margin-left:-495px;position:absolute;top:0;left:50%;z-index:2;cursor:pointer}
.sub-item .button-down-icon{display:block;width:55px;height:12px;margin:0 auto;overflow:hidden;background:url(../images/img/button-down_a87d001.png) no-repeat}
.sub-item .button-down-shadow{display:none;width:100%;height:5px;position:absolute;bottom:-5px;left:0;overflow:hidden;background:url(../images/img/button-down-shadow_7be46a3.png) no-repeat center top}
.sub-item .button-down:hover .button-down-icon{background-position:0 -36px}
.sub-item-wrapper{width:100%;max-width:1000px;height:100%;margin:0 auto;position:relative;overflow:hidden;z-index:1}
.sub-item-container{width:100%;padding:75px 0 50px}
.sub-item-header{display:block;width:84px;height:87px;padding:40px 0 70px;margin:0 auto;position:relative}
.sub-item-header-icon{display:block;width:100%;height:100%;background:url(../images/img/icons-sub-item-header_261d1ab.png) no-repeat}
.about,.about .button-down{background:#228bd6}
.about .button-down-icon{background-position:0 0}
.about-header .sub-item-header-icon{background-position:0 0}
.about-content{width:400px;margin:0 auto 50px;font-size:14px;line-height:2}
.about-content p{margin-bottom:25px;text-align:justify}
.about-content-splitter{border-top:dashed 1px #fff}
.about-content .about-date{text-align:right}
.about-footer{width:124px;height:25px;margin-left:-62px;position:relative;left:50%;float:left;background:url(../images/img/bg-product-brand-blue_e0652ef.png) no-repeat}
.log,.log .button-down{background:#c33}
.log .button-down-icon{background-position:0 -12px}
.log-header .sub-item-header-icon{background-position:0 -87px}
.log-content{width:50%;margin-left:-2px;position:relative;top:0;left:50%;border-left:solid 4px #b32020}
.log-begin{height:30px;margin-bottom:60px;position:relative;left:30px}
.log-begin .log-begin-icon{width:10px;height:10px;position:absolute;top:10px;left:-37px;z-index:3;background:url(../images/img/icon-log-item-begin_2d66077.png) no-repeat}
.log-begin .log-begin-icon-light{width:30px;height:30px;position:absolute;top:0;left:-47px;z-index:2;background:url(../images/img/icon-log-item-begin-light_423c5a8.png) no-repeat}
.log-begin .log-begin-icon-overlay{width:30px;height:30px;position:absolute;top:0;left:-47px;z-index:1;background:url(../images/img/icon-log-item-begin-overlay_7730383.png) no-repeat}
.log-begin .log-begin-text,.log-end .log-end-text{font-size:16px;line-height:30px;color:#f77575;text-shadow:0 1px 0 #ba2e2e}
.log-end{width:310px;margin-top:60px;position:relative;left:30px}
.log-end .log-end-icon{width:30px;height:33px;position:absolute;top:0;left:-47px;background:url(../images/img/icon-log-item-end_0a5a61b.png) no-repeat}
.log-end .log-date{margin-left:10px;font-size:10px}
.log-box{width:390px;margin-bottom:6px;position:relative;text-shadow:0 1px 0 #a12525}
.log-box h3,.log-box h4{margin-bottom:12px;font-size:16px;color:#f66}
.log-box h4{padding-top:18px;font-size:14px;font-weight:700;color:#fff}
.log-box .log-date{margin-left:5px;font-size:10px}
.log-box .log-box-icon{width:14px;height:14px;position:absolute;top:-6px;background:url(../images/img/icon-log-item_07c9763.png) no-repeat}
.log-box .log-box-content-inner,.log-box .log-box-top-inner,.log-box .log-box-bottom-inner{position:relative}
.log-box ol{font-size:12px;line-height:1.7}
.log-box li{width:300px;padding:0 0 10px 20px;position:relative}
.log-box-item-no{margin-left:-20px;float:left}
.log-box-item-content{display:inline}
.log-box-item-content strong{font-weight:400}
.log-box-item-content p{color:#ff7f7f}
.log-left-box{left:-424px}
.log-left-box .log-box-top{padding-left:30px;background:url(../images/img/log-left-box-top_0ccbf0d.png) no-repeat left top}
.log-left-box .log-box-top-inner{padding:9px 40px 0 0;background:url(../images/img/log-left-box-top_0ccbf0d.png) no-repeat right top}
.log-left-box .log-box-content{padding-left:30px;background:url(../images/img/log-left-box-center_07c423e.png) repeat-y left}
.log-left-box .log-box-content-inner{padding:21px 40px 0 0;background:url(../images/img/log-left-box-center_07c423e.png) repeat-y right}
.log-left-box .log-box-bottom{padding-left:30px;background:url(../images/img/log-left-box-bottom_8fc0849.png) no-repeat left top}
.log-left-box .log-box-bottom-inner{padding:31px 40px 0 0;background:url(../images/img/log-left-box-bottom_8fc0849.png) no-repeat right top}
.log-left-box .log-box-icon{left:415px}
.log-right-box{left:30px}
.log-right-box .log-box-top{padding-left:40px;background:url(../images/img/log-right-box-top_4b237d4.png) no-repeat left top}
.log-right-box .log-box-top-inner{padding:10px 30px 0 0;background:url(../images/img/log-right-box-top_4b237d4.png) no-repeat right top}
.log-right-box .log-box-content{padding-left:40px;background:url(../images/img/log-right-box-center_38441b2.png) repeat-y left}
.log-right-box .log-box-content-inner{padding:20px 30px 0 0;background:url(../images/img/log-right-box-center_38441b2.png) repeat-y right}
.log-right-box .log-box-bottom{padding-left:40px;background:url(../images/img/log-right-box-bottom_5d7a003.png) no-repeat left top}
.log-right-box .log-box-bottom-inner{padding:31px 30px 0 0;background:url(../images/img/log-right-box-bottom_5d7a003.png) no-repeat right top}
.log-right-box .log-box-icon{left:-39px}
.guide,.guide .button-down{background:#3aa624}
.guide .button-down-icon{background-position:0 -24px}
.guide-header .sub-item-header-icon{background-position:0 -174px}
.guide a{text-decoration:underline}
.guide-content{width:700px;margin:0 auto}
.guide-search{display:none;width:358px;height:28px;margin:0 auto 60px;border:solid 1px #2c8c19;background:#2c8c19;overflow:hidden}
.guide-search .guide-search-input{width:269px;height:28px;padding:0 9px;border:0;font-family:inherit;font-size:14px;font-weight:inherit;line-height:28px;color:#61c24e;background:#2c8c19;float:left}
.guide-search .guide-search-button{width:70px;height:28px;border:0;padding:0;position:relative;cursor:pointer;background:#46b330;float:right}
.guide-search .guide-search-button:hover{background:#50bf39}
.guide-search .guide-search-icon{width:17px;height:17px;position:absolute;top:5px;left:26px;background:url(../images/img/icon-search_e049894.png) no-repeat}
.guide-search .guide-search-button:hover .guide-search-icon{background-position:0 -17px}
.guide-list{font-size:12px;line-height:1.8}
.guide-list dt{margin-bottom:5px;font-size:16px;font-weight:700;line-height:2}
.guide-list dd{margin-bottom:35px}
.guide-list img{display:block;max-width:700px;margin-top:10px}
#logo{display:none}
.original-logo{width:213px;height:239px;max-height:239px;margin-left:-106px;position:absolute;top:16.574%;left:50%;z-index:9}
*html .original-logo{height:22.129%}
.anim{position:absolute}
.scale{-webkit-transform-origin:50% 0;-moz-transform-origin:50% 0;-ms-transform-origin:50% 0;-o-transform-origin:50% 0;transform-origin:50% 0}
.logo{left:50%;z-index:9;text-align:center}
.logo img{width:100%;height:100%}
.logo-compass,.logo-g2 .logo{display:none;width:205px;height:21.388%;margin-left:-102.5px;top:16.48%}
.logo-compass{display:block}
.logo-compass-pointer{width:128px;height:11.8518%;margin-left:-64px;top:20.014%;z-index:10;-webkit-transform:rotate(60deg);-moz-transform:rotate(60deg);-ms-transform:rotate(60deg);-o-transform:rotate(60deg);transform:rotate(60deg)}
.cssanimations .logo-g2 .logo{display:block}
.logo-g2 .logo-g2-first{display:block}
.logo-g2 .logo-balloon{height:22.222%}
.logo-g2 .logo-radish{height:27.407%;top:10.648%}
.logo-g2 .logo-acorn{width:209px;height:268px;margin-left:-104.5px;top:13.05%}
.logo-g2 .logo-chili{height:282px;top:11.75%}
.logo-g2 .logo-ladybird{height:261px;top:13.7%}
.logo-g2 .logo-football{width:244px;height:268px;margin-left:-122px;top:15.74%}
.logo-conch{width:205px;height:22.129%;margin-left:-102.5px;top:15.74%}
.logo-conch-static{display:none;width:185px;height:403px;margin-left:-92.5px;top:.83%}
.logo-aircraft{width:228px;height:49.25%;margin-left:-114px;top:16.48%}
.logo-balloons{width:263px;height:30.925%;margin-left:131.5px;top:13.33%;-webkit-transform-origin:50% 100%;-moz-transform-origin:50% 100%;-ms-transform-origin:50% 100%;-o-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transition:-webkit-transform 2.5s ease;-moz-transition:-moz-transform 2.5s ease;-ms-transition:-ms-transform 2.5s ease;-o-transition:-o-transform 2.5s ease;transition:transform 2.5s ease}
.logo-blackhole,.logo-blackhole-light{width:310px;height:28.7%;margin-left:155px;top:13.05%}
.logo-blackhole-light{z-index:11}
.cloud-large{display:none;width:304px;height:237px;top:7.962%;left:100%;z-index:7;background:url(../images/img/cloud-large_3060040.png) no-repeat}
.cloud-small{display:none;width:271px;height:76px;top:24.35%;left:100%;z-index:11;background:url(../images/img/cloud-small_d7d76ae.png) no-repeat}
.cssanimations .cloud-large,.cssanimations .cloud-small{display:block}
.cloud-large-once{left:70%}
.cloud-small-once{left:45%}
.balloon-t{display:none;width:102px;height:126px;margin-left:20%;top:49.81%;left:50%;z-index:9;background:url(../images/img/fire-balloon-t_2dd4a5b.png) no-repeat}
.balloon-b{display:none;width:137px;height:166px;margin-left:31%;top:66%;left:50%;z-index:9;background:url(../images/img/fire-balloon-b_6faf8e7.png) no-repeat}
.balloon-mini{width:1.5em;height:1.9375em;margin-left:14.4375em;top:1.4375em;left:50%;z-index:9}
.balloon-mini img{width:100%;height:100%}
.cssanimations .balloon-t,.cssanimations .balloon-b{display:block}
.bubble-large{display:none;width:22px;height:22px;left:50%;z-index:10;background:url(../images/img/bubble-l_4298778.png) no-repeat}
.bubble-middle{display:none;width:12px;height:12px;left:50%;z-index:10;background:url(../images/img/bubble-m_0a5e8dd.png) no-repeat}
.bubble-small{display:none;width:8px;height:8px;left:50%;z-index:10;background:url(../images/img/bubble-s_e9b8cb7.png) no-repeat}
.cssanimations .bubble-large,.cssanimations .bubble-middle,.cssanimations .bubble-small{display:block;opacity:0}
.bubble-1{margin-left:-3.89%;top:27.96%}
.bubble-2{margin-left:-1%;top:29%;z-index:7}
.bubble-3{margin-left:2.5%;top:26%}
.bubble-4{margin-left:-3%;top:35%}
.bubble-5{margin-left:3%;top:35%}
.bubble-6{margin-left:-3.8%;top:23%}
.bubble-7{margin-left:3.8%;top:23%;z-index:7}
.bubble-8{margin-left:-2.33%;top:20%}
.bubble-9{margin-left:2.33%;top:20%}
.bubble-10{margin-left:3.5%;top:25.5%}
.bubble-11{margin-left:-2%;top:25.5%;z-index:7}
.bubble-12{margin-left:1.9%;top:36.6%}
.bubble-13{margin-left:.5%;top:31%}
.light{display:none;width:10px;height:10px;top:26.5%;left:50%;z-index:16;background:#fff;border-radius:5px;box-shadow:0 0 2px 2px #fff}
.cssanimations .light{display:block;-webkit-transform:translate(-6000px,-6000px);-moz-transform:translate(-6000px,-6000px);-ms-transform:translate(-6000px,-6000px);-o-transform:translate(-6000px,-6000px);transform:translate(-6000px,-6000px)}
.light-1{top:24%;margin-left:-1.5%}
.light-2{top:24%;margin-left:1.5%}
.light-3{top:29%;margin-left:-1.5%;-webkit-transform:translate(-9000px,-9000px);-moz-transform:translate(-9000px,-9000px);-ms-transform:translate(-9000px,-9000px);-o-transform:translate(-9000px,-9000px);transform:translate(-9000px,-9000px)}
.light-4{top:29%;margin-left:1.5%;-webkit-transform:translate(-8000px,-8000px);-moz-transform:translate(-8000px,-8000px);-ms-transform:translate(-8000px,-8000px);-o-transform:translate(-8000px,-8000px);transform:translate(-8000px,-8000px)}
.aircraft-mountain{display:none;width:100%;height:260px;bottom:0;left:0;z-index:5;background:url(../images/img/aircraft-mountain_02ef836.gif) no-repeat center top}
.aircraft-sky{display:none;width:100%;height:100%;bottom:0;left:0;z-index:1;background:url(../images/img/aircraft-sky_6240b82.jpg) no-repeat center center}
.aircraft-stars-front,.aircraft-stars-behind{display:none;width:100%;height:2160px;bottom:0;left:0;z-index:3;background:url(../images/img/aircraft-stars-front_1bc730a.png) no-repeat center top}
.aircraft-stars-behind{z-index:2;background:url(../images/img/aircraft-stars-behind_f8aa170.png) no-repeat center top}
.cssanimations .aircraft-sky,.cssanimations .aircraft-mountain,.cssanimations .aircraft-stars-front,.cssanimations .aircraft-stars-behind{display:block}
.meteor{display:none;width:4px;height:4px;top:-200%;z-index:4;background:#fff;border-radius:2px}
.meteor-1{left:160%}
.meteor-2{left:220%}
.cssanimations .meteor{display:block}
.lt-ie9 #nav li{width:19.9%}
*html #nav li{width:19.9%}
*html #slide-bar li a{background-image:url(../images/img/png8-button-slide-bar_b7bfdc7.png)}
*html #desc h2{height:7.777%}
*html .logo img{width:auto}
@media screen and (max-width:640px){body{overflow-x:auto}
#nav{display:none}}@media screen and (max-height:450px){body{overflow-y:auto}
#desc p,#package-info{display:none!important}
.main-expanding #button-download{width:249px!important;height:69px!important;margin-left:-124px!important;top:56%!important}}.main-collapsing #package-info{display:none}
.sub-item-header{-webkit-animation:icon-flotage 2.5s ease-in-out infinite alternate;-moz-animation:icon-flotage 2.5s ease-in-out infinite alternate;-ms-animation:icon-flotage 2.5s ease-in-out infinite alternate;-o-animation:icon-flotage 2.5s ease-in-out infinite alternate;animation:icon-flotage 2.5s ease-in-out infinite alternate}
.anim-logo,.anim-logo-conch,.anim-logo-aircraft{-webkit-animation:flotage 2.5s ease-in-out infinite alternate;-moz-animation:flotage 2.5s ease-in-out infinite alternate;-ms-animation:flotage 2.5s ease-in-out infinite alternate;-o-animation:flotage 2.5s ease-in-out infinite alternate;animation:flotage 2.5s ease-in-out infinite alternate}
.anim-cloud-large{-webkit-animation:cloud-moving 160s linear 112s infinite;-moz-animation:cloud-moving 160s linear 112s infinite;-ms-animation:cloud-moving 160s linear 112s infinite;-o-animation:cloud-moving 160s linear 112s infinite;animation:cloud-moving 160s linear 112s infinite}
.anim-cloud-large-once{-webkit-animation:cloud-moving-once-1 112s linear 1 forwards;-moz-animation:cloud-moving-once-1 112s linear 1 forwards;-ms-animation:cloud-moving-once-1 112s linear 1 forwards;-o-animation:cloud-moving-once-1 112s linear 1 forwards;animation:cloud-moving-once-1 112s linear 1 forwards}
.anim-cloud-small{-webkit-animation:cloud-moving 80s linear 36s infinite;-moz-animation:cloud-moving 80s linear 36s infinite;-ms-animation:cloud-moving 80s linear 36s infinite;-o-animation:cloud-moving 80s linear 36s infinite;animation:cloud-moving 80s linear 36s infinite}
.anim-cloud-small-once{-webkit-animation:cloud-moving-once-2 36s linear 1 forwards;-moz-animation:cloud-moving-once-2 36s linear 1 forwards;-ms-animation:cloud-moving-once-2 36s linear 1 forwards;-o-animation:cloud-moving-once-2 36s linear 1 forwards;animation:cloud-moving-once-2 36s linear 1 forwards}
.anim-balloon-t{-webkit-animation:balloon-rise 4s ease-in-out infinite alternate;-moz-animation:balloon-rise 4s ease-in-out infinite alternate;-ms-animation:balloon-rise 4s ease-in-out infinite alternate;-o-animation:balloon-rise 4s ease-in-out infinite alternate;animation:balloon-rise 4s ease-in-out infinite alternate}
.anim-balloon-b{-webkit-animation:balloon-rise2 3s ease-in-out 1.5s infinite alternate;-moz-animation:balloon-rise2 3s ease-in-out 1.5s infinite alternate;-ms-animation:balloon-rise2 3s ease-in-out 1.5s infinite alternate;-o-animation:balloon-rise2 3s ease-in-out 1.5s infinite alternate;animation:balloon-rise2 3s ease-in-out 1.5s infinite alternate}
.anim-balloon-mini{-webkit-animation:balloon-rise3 4s ease-in-out infinite alternate;-moz-animation:balloon-rise3 4s ease-in-out infinite alternate;-ms-animation:balloon-rise3 4s ease-in-out infinite alternate;-o-animation:balloon-rise3 4s ease-in-out infinite alternate;animation:balloon-rise3 4s ease-in-out infinite alternate}
.anim-bubble-1{-webkit-animation:bubble 6s ease-out 2s infinite;-moz-animation:bubble 6s ease-out 2s infinite;-ms-animation:bubble 6s ease-out 2s infinite;-o-animation:bubble 6s ease-out 2s infinite;animation:bubble 6s ease-out 2s infinite}
.anim-bubble-2{-webkit-animation:bubble 6s ease-out 6s infinite;-moz-animation:bubble 6s ease-out 6s infinite;-ms-animation:bubble 6s ease-out 6s infinite;-o-animation:bubble 6s ease-out 6s infinite;animation:bubble 6s ease-out 6s infinite}
.anim-bubble-3{-webkit-animation:bubble 6s ease-out 3s infinite;-moz-animation:bubble 6s ease-out 3s infinite;-ms-animation:bubble 6s ease-out 3s infinite;-o-animation:bubble 6s ease-out 3s infinite;animation:bubble 6s ease-out 3s infinite}
.anim-bubble-4{-webkit-animation:bubble 8s ease-out 2s infinite;-moz-animation:bubble 8s ease-out 2s infinite;-ms-animation:bubble 8s ease-out 2s infinite;-o-animation:bubble 8s ease-out 2s infinite;animation:bubble 8s ease-out 2s infinite}
.anim-bubble-5{-webkit-animation:bubble 8s ease-out 4s infinite;-moz-animation:bubble 8s ease-out 4s infinite;-ms-animation:bubble 8s ease-out 4s infinite;-o-animation:bubble 8s ease-out 4s infinite;animation:bubble 8s ease-out 4s infinite}
.anim-bubble-6{-webkit-animation:bubble 8s ease-out 6s infinite;-moz-animation:bubble 8s ease-out 6s infinite;-ms-animation:bubble 8s ease-out 6s infinite;-o-animation:bubble 8s ease-out 6s infinite;animation:bubble 8s ease-out 6s infinite}
.anim-bubble-7{-webkit-animation:bubble 8s ease-out 1s infinite;-moz-animation:bubble 8s ease-out 1s infinite;-ms-animation:bubble 8s ease-out 1s infinite;-o-animation:bubble 8s ease-out 1s infinite;animation:bubble 8s ease-out 1s infinite}
.anim-bubble-8{-webkit-animation:bubble 9s ease-out 1s infinite;-moz-animation:bubble 9s ease-out 1s infinite;-ms-animation:bubble 9s ease-out 1s infinite;-o-animation:bubble 9s ease-out 1s infinite;animation:bubble 9s ease-out 1s infinite}
.anim-bubble-9{-webkit-animation:bubble 9s ease-out 1.5s infinite;-moz-animation:bubble 9s ease-out 1.5s infinite;-ms-animation:bubble 9s ease-out 1.5s infinite;-o-animation:bubble 9s ease-out 1.5s infinite;animation:bubble 9s ease-out 1.5s infinite}
.anim-bubble-10{-webkit-animation:bubble 9s ease-out 6s infinite;-moz-animation:bubble 9s ease-out 6s infinite;-ms-animation:bubble 9s ease-out 6s infinite;-o-animation:bubble 9s ease-out 6s infinite;animation:bubble 9s ease-out 6s infinite}
.anim-bubble-11{-webkit-animation:bubble 10s ease-out 6s infinite;-moz-animation:bubble 10s ease-out 6s infinite;-ms-animation:bubble 10s ease-out 6s infinite;-o-animation:bubble 10s ease-out 6s infinite;animation:bubble 10s ease-out 6s infinite}
.anim-bubble-12,.anim-bubble-13{-webkit-animation:bubble 8s ease-out 2s infinite;-moz-animation:bubble 8s ease-out 2s infinite;-ms-animation:bubble 8s ease-out 2s infinite;-o-animation:bubble 8s ease-out 2s infinite;animation:bubble 8s ease-out 2s infinite}
.anim-logo-balloons{-webkit-animation:balloons1 2s ease 1s 1 forwards,balloons2 4s ease 3s infinite alternate;-moz-animation:balloons1 2s ease 1s 1 forwards,balloons2 4s ease 3s infinite alternate;-ms-animation:balloons1 2s ease 1s 1 forwards,balloons2 4s ease 3s infinite alternate;-o-animation:balloons1 2s ease 1s 1 forwards,balloons2 4s ease 3s infinite alternate;animation:balloons1 2s ease 1s 1 forwards,balloons2 4s ease 3s infinite alternate}
.anim-logo-balloons-fly-away{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-animation:balloons-fly-away 6s ease-out 1 forwards;-moz-animation:balloons-fly-away 6s ease-out 1 forwards;-ms-animation:balloons-fly-away 6s ease-out 1 forwards;-o-animation:balloons-fly-away 6s ease-out 1 forwards;animation:balloons-fly-away 6s ease-out 1 forwards}
.anim-logo-blackhole-light{-webkit-animation:blackhole 10s linear infinite;-moz-animation:blackhole 10s linear infinite;-ms-animation:blackhole 10s linear infinite;-o-animation:blackhole 10s linear infinite;animation:blackhole 10s linear infinite}
.anim-light-1{-webkit-animation:blackhole-start-1 3s linear .5s infinite;-moz-animation:blackhole-start-1 3s linear .5s infinite;-ms-animation:blackhole-start-1 3s linear .5s infinite;-o-animation:blackhole-start-1 3s linear .5s infinite;animation:blackhole-start-1 3s linear .5s infinite}
.anim-light-2{-webkit-animation:blackhole-start-2 3s linear 2s infinite;-moz-animation:blackhole-start-2 3s linear 2s infinite;-ms-animation:blackhole-start-2 3s linear 2s infinite;-o-animation:blackhole-start-2 3s linear 2s infinite;animation:blackhole-start-2 3s linear 2s infinite}
.anim-light-3{-webkit-animation:blackhole-start-3 4s linear 1.5s infinite;-moz-animation:blackhole-start-3 4s linear 1.5s infinite;-ms-animation:blackhole-start-3 4s linear 1.5s infinite;-o-animation:blackhole-start-3 4s linear 1.5s infinite;animation:blackhole-start-3 4s linear 1.5s infinite}
.anim-light-4{-webkit-animation:blackhole-start-4 3s linear 3s infinite;-moz-animation:blackhole-start-4 3s linear 3s infinite;-ms-animation:blackhole-start-4 3s linear 3s infinite;-o-animation:blackhole-start-4 3s linear 3s infinite;animation:blackhole-start-4 3s linear 3s infinite}
.anim-aircraft-stars-front{-webkit-animation:starry-sky 100s linear infinite;-moz-animation:starry-sky 100s linear infinite;-ms-animation:starry-sky 100s linear infinite;-o-animation:starry-sky 100s linear infinite;animation:starry-sky 100s linear infinite}
.anim-aircraft-stars-behind{-webkit-animation:starry-sky 150s linear infinite;-moz-animation:starry-sky 150s linear infinite;-ms-animation:starry-sky 150s linear infinite;-o-animation:starry-sky 150s linear infinite;animation:starry-sky 150s linear infinite}
.anim-meteor-1{-webkit-animation:meteor 5s linear 2s infinite;-moz-animation:meteor 5s linear 2s infinite;-ms-animation:meteor 5s linear 2s infinite;-o-animation:meteor 5s linear 2s infinite;animation:meteor 5s linear 2s infinite}
.anim-meteor-2{-webkit-animation:meteor 5s linear 4.5s infinite;-moz-animation:meteor 5s linear 4.5s infinite;-ms-animation:meteor 5s linear 4.5s infinite;-o-animation:meteor 5s linear 4.5s infinite;animation:meteor 5s linear 4.5s infinite}
.anim-logo-compass-pointer{-webkit-animation:compass 9s ease-in-out .5s infinite;-moz-animation:compass 9s ease-in-out .5s infinite;-ms-animation:compass 9s ease-in-out .5s infinite;-o-animation:compass 9s ease-in-out .5s infinite;animation:compass 9s ease-in-out .5s infinite}
@-webkit-keyframes flotage{from{-webkit-transform:translateY(0)}
to{-webkit-transform:translateY(-15px)}}@-moz-keyframes flotage{from{-moz-transform:translateY(0)}
to{-moz-transform:translateY(-15px)}}@-ms-keyframes flotage{from{-ms-transform:translateY(0)}
to{-ms-transform:translateY(-15px)}}@-o-keyframes flotage{from{-o-transform:translateY(0)}
to{-o-transform:translateY(-15px)}}@keyframes flotage{from{transform:translateY(0)}
to{transform:translateY(-15px)}}@-webkit-keyframes icon-flotage{from{top:0}
to{top:13px}}@-moz-keyframes icon-flotage{from{top:0}
to{top:13px}}@-ms-keyframes icon-flotage{from{top:0}
to{top:13px}}@-o-keyframes icon-flotage{from{top:0}
to{top:13px}}@keyframes icon-flotage{from{top:0}
to{top:13px}}@-webkit-keyframes cloud-moving{from{left:100%}
to{left:-30%}}@-moz-keyframes cloud-moving{from{left:100%}
to{left:-30%}}@-ms-keyframes cloud-moving{from{left:100%}
to{left:-30%}}@-o-keyframes cloud-moving{from{left:100%}
to{left:-30%}}@keyframes cloud-moving{from{left:100%}
to{left:-30%}}@-webkit-keyframes cloud-moving-once-1{from{left:70%}
to{left:-30%}}@-moz-keyframes cloud-moving-once-1{from{left:70%}
to{left:-30%}}@-ms-keyframes cloud-moving-once-1{from{left:70%}
to{left:-30%}}@-o-keyframes cloud-moving-once-1{from{left:70%}
to{left:-30%}}@keyframes cloud-moving-once-1{from{left:70%}
to{left:-30%}}@-webkit-keyframes cloud-moving-once-2{from{left:45%}
to{left:-30%}}@-moz-keyframes cloud-moving-once-2{from{left:45%}
to{left:-30%}}@-ms-keyframes cloud-moving-once-2{from{left:45%}
to{left:-30%}}@-o-keyframes cloud-moving-once-2{from{left:45%}
to{left:-30%}}@keyframes cloud-moving-once-2{from{left:45%}
to{left:-30%}}@-webkit-keyframes balloon-rise{from{top:49.81%}
to{top:48%}}@-moz-keyframes balloon-rise{from{top:49.81%}
to{top:48%}}@-ms-keyframes balloon-rise{from{top:49.81%}
to{top:48%}}@-o-keyframes balloon-rise{from{top:49.81%}
to{top:48%}}@keyframes balloon-rise{from{top:49.81%}
to{top:48%}}@-webkit-keyframes balloon-rise2{from{top:66%}
to{top:68%}}@-moz-keyframes balloon-rise2{from{top:66%}
to{top:68%}}@-ms-keyframes balloon-rise2{from{top:66%}
to{top:68%}}@-o-keyframes balloon-rise2{from{top:66%}
to{top:68%}}@keyframes balloon-rise2{from{top:66%}
to{top:68%}}@-webkit-keyframes balloon-rise3{from{top:1.4375em}
to{top:1.875em}}@-moz-keyframes balloon-rise3{from{top:1.4375em}
to{top:1.875em}}@-ms-keyframes balloon-rise3{from{top:1.4375em}
to{top:1.875em}}@-o-keyframes balloon-rise3{from{top:1.4375em}
to{top:1.875em}}@keyframes balloon-rise3{from{top:1.4375em}
to{top:1.875em}}@-webkit-keyframes bubble{0%{-webkit-transform:translate(0);opacity:0}
10%{opacity:1}
90%{opacity:1}
100%{-webkit-transform:translate(0,-300px);opacity:0}}@-moz-keyframes bubble{0%{-moz-transform:translate(0);opacity:0}
10%{opacity:1}
90%{opacity:1}
100%{-moz-transform:translate(0,-300px);opacity:0}}@-ms-keyframes bubble{0%{-ms-transform:translate(0);opacity:0}
10%{opacity:1}
90%{opacity:1}
100%{-ms-transform:translate(0,-300px);opacity:0}}@-o-keyframes bubble{0%{-o-transform:translate(0);opacity:0}
10%{opacity:1}
90%{opacity:1}
100%{-o-transform:translate(0,-300px);opacity:0}}@keyframes bubble{0%{transform:translate(0);opacity:0}
10%{opacity:1}
90%{opacity:1}
100%{transform:translate(0,-300px);opacity:0}}@-webkit-keyframes balloons1{0%{-webkit-transform:rotate(0deg)}
100%{-webkit-transform:rotate(-5deg)}}@-moz-keyframes balloons1{0%{-moz-transform:rotate(0deg)}
100%{-moz-transform:rotate(-5deg)}}@-ms-keyframes balloons1{0%{-ms-transform:rotate(0deg)}
100%{-ms-transform:rotate(-5deg)}}@-o-keyframes balloons1{0%{-o-transform:rotate(0deg)}
100%{-o-transform:rotate(-5deg)}}@keyframes balloons1{0%{transform:rotate(0deg)}
100%{transform:rotate(-5deg)}}@-webkit-keyframes balloons2{0%{-webkit-transform:rotate(-5deg)}
100%{-webkit-transform:rotate(5deg)}}@-moz-keyframes balloons2{0%{-moz-transform:rotate(-5deg)}
100%{-moz-transform:rotate(5deg)}}@-ms-keyframes balloons2{0%{-ms-transform:rotate(-5deg)}
100%{-ms-transform:rotate(5deg)}}@-o-keyframes balloons2{0%{-o-transform:rotate(-5deg)}
100%{-o-transform:rotate(5deg)}}@keyframes balloons2{0%{transform:rotate(-5deg)}
100%{transform:rotate(5deg)}}@-webkit-keyframes balloons-fly-away{0%{top:13.33%;left:50%}
100%{top:-30%;left:20%}}@-moz-keyframes balloons-fly-away{0%{top:13.33%;left:50%}
100%{top:-32%;left:20%}}@-ms-keyframes balloons-fly-away{0%{top:13.33%;left:50%}
100%{top:-32%;left:20%}}@-o-keyframes balloons-fly-away{0%{top:13.33%;left:50%}
100%{top:-32%;left:20%}}@keyframes balloons-fly-away{0%{top:13.33%;left:50%}
100%{top:-32%;left:20%}}@-webkit-keyframes blackhole{from{-webkit-transform:rotate(0deg)}
to{-webkit-transform:rotate(360deg)}}@-moz-keyframes blackhole{from{-moz-transform:rotate(0deg)}
to{-moz-transform:rotate(360deg)}}@-ms-keyframes blackhole{from{-ms-transform:rotate(0deg)}
to{-ms-transform:rotate(360deg)}}@-o-keyframes blackhole{from{-o-transform:rotate(0deg)}
to{-o-transform:rotate(360deg)}}@keyframes blackhole{from{transform:rotate(0deg)}
to{transform:rotate(360deg)}}@-webkit-keyframes blackhole-start-1{0%{-webkit-transform:scale(1) translate(-5000px,-1700px)}
100%{-webkit-transform:scale(0.1) translate(0)}}@-moz-keyframes blackhole-start-1{0%{-moz-transform:scale(1) translate(-5000px,-1700px)}
100%{-moz-transform:scale(0.1) translate(0)}}@-ms-keyframes blackhole-start-1{0%{-ms-transform:scale(1) translate(-5000px,-1700px)}
100%{-ms-transform:scale(0.1) translate(0)}}@-o-keyframes blackhole-start-1{0%{-o-transform:scale(1) translate(-5000px,-1700px)}
100%{-o-transform:scale(0.1) translate(0)}}@keyframes blackhole-start-1{0%{transform:scale(1) translate(-5000px,-1700px)}
100%{transform:scale(0.1) translate(0)}}@-webkit-keyframes blackhole-start-2{0%{-webkit-transform:scale(1) translate(5000px,-1700px)}
100%{-webkit-transform:scale(0.1) translate(0)}}@-moz-keyframes blackhole-start-2{0%{-moz-transform:scale(1) translate(5000px,-1700px)}
100%{-moz-transform:scale(0.1) translate(0)}}@-ms-keyframes blackhole-start-2{0%{-ms-transform:scale(1) translate(5000px,-1700px)}
100%{-ms-transform:scale(0.1) translate(0)}}@-o-keyframes blackhole-start-2{0%{-o-transform:scale(1) translate(5000px,-1700px)}
100%{-o-transform:scale(0.1) translate(0)}}@keyframes blackhole-start-2{0%{transform:scale(1) translate(5000px,-1700px)}
100%{transform:scale(0.1) translate(0)}}@-webkit-keyframes blackhole-start-3{0%{-webkit-transform:scale(1) translate(-5000px,1700px)}
100%{-webkit-transform:scale(0.1) translate(0)}}@-moz-keyframes blackhole-start-3{0%{-moz-transform:scale(1) translate(-5000px,1700px)}
100%{-moz-transform:scale(0.1) translate(0)}}@-ms-keyframes blackhole-start-3{0%{-ms-transform:scale(1) translate(-5000px,1700px)}
100%{-ms-transform:scale(0.1) translate(0)}}@-o-keyframes blackhole-start-3{0%{-o-transform:scale(1) translate(-5000px,1700px)}
100%{-o-transform:scale(0.1) translate(0)}}@keyframes blackhole-start-3{0%{transform:scale(1) translate(-5000px,1700px)}
100%{transform:scale(0.1) translate(0)}}@-webkit-keyframes blackhole-start-4{0%{-webkit-transform:scale(1) translate(5000px,1700px)}
100%{-webkit-transform:scale(0.1) translate(0)}}@-moz-keyframes blackhole-start-4{0%{-moz-transform:scale(1) translate(5000px,1700px)}
100%{-moz-transform:scale(0.1) translate(0)}}@-ms-keyframes blackhole-start-4{0%{-ms-transform:scale(1) translate(5000px,1700px)}
100%{-ms-transform:scale(0.1) translate(0)}}@-o-keyframes blackhole-start-4{0%{-o-transform:scale(1) translate(5000px,1700px)}
100%{-o-transform:scale(0.1) translate(0)}}@keyframes blackhole-start-4{0%{transform:scale(1) translate(5000px,1700px)}
100%{transform:scale(0.1) translate(0)}}@-webkit-keyframes starry-sky{0%{-webkit-transform:translate(0)}
100%{-webkit-transform:translate(0,50%)}}@-moz-keyframes starry-sky{0%{-moz-transform:translate(0)}
100%{-moz-transform:translate(0,50%)}}@-ms-keyframes starry-sky{0%{-ms-transform:translate(0)}
100%{-ms-transform:translate(0,50%)}}@-o-keyframes starry-sky{0%{-o-transform:translate(0)}
100%{-o-transform:translate(0,50%)}}@keyframes starry-sky{0%{transform:translate(0)}
100%{transform:translate(0,50%)}}@-webkit-keyframes meteor{0%{-webkit-transform:translate(0)}
100%{-webkit-transform:translate(-7000px,6000px)}}@-moz-keyframes meteor{0%{-moz-transform:translate(0)}
100%{-moz-transform:translate(-7000px,6000px)}}@-ms-keyframes meteor{0%{-ms-transform:translate(0)}
100%{-ms-transform:translate(-7000px,6000px)}}@-o-keyframes meteor{0%{-o-transform:translate(0)}
100%{-o-transform:translate(-7000px,6000px)}}@keyframes meteor{0%{transform:translate(0)}
100%{transform:translate(-7000px,6000px)}}@-webkit-keyframes compass{0%{-webkit-transform:rotate(60deg)}
25%{-webkit-transform:rotate(160deg)}
50%{-webkit-transform:rotate(0deg)}
60%{-webkit-transform:rotate(70deg)}
65%{-webkit-transform:rotate(50deg)}
70%{-webkit-transform:rotate(65deg)}
75%{-webkit-transform:rotate(60deg)}
100%{-webkit-transform:rotate(60deg)}}@-moz-keyframes compass{0%{-moz-transform:rotate(60deg)}
25%{-moz-transform:rotate(160deg)}
50%{-moz-transform:rotate(0deg)}
60%{-moz-transform:rotate(70deg)}
65%{-moz-transform:rotate(50deg)}
70%{-moz-transform:rotate(65deg)}
75%{-moz-transform:rotate(60deg)}
100%{-moz-transform:rotate(60deg)}}@-ms-keyframes compass{0%{-ms-transform:rotate(60deg)}
25%{-ms-transform:rotate(160deg)}
50%{-ms-transform:rotate(0deg)}
60%{-ms-transform:rotate(70deg)}
65%{-ms-transform:rotate(50deg)}
70%{-ms-transform:rotate(65deg)}
75%{-ms-transform:rotate(60deg)}
100%{-ms-transform:rotate(60deg)}}@-o-keyframes compass{0%{-o-transform:rotate(60deg)}
25%{-o-transform:rotate(160deg)}
50%{-o-transform:rotate(0deg)}
60%{-o-transform:rotate(70deg)}
65%{-o-transform:rotate(50deg)}
70%{-o-transform:rotate(65deg)}
75%{-o-transform:rotate(60deg)}
100%{-o-transform:rotate(60deg)}}@keyframes compass{0%{transform:rotate(60deg)}
25%{transform:rotate(160deg)}
50%{transform:rotate(0deg)}
60%{transform:rotate(70deg)}
65%{transform:rotate(50deg)}
70%{transform:rotate(65deg)}
75%{transform:rotate(60deg)}
100%{transform:rotate(60deg)}}

/* 发光按钮动画特效 */
.i-bbts{width:100px; height:35px; opacity: 0; line-height: 40px; position: absolute; left: 50%;top: 0; z-index: 2; margin-left: -80px; 2; border-radius: 6px; -webkit-animation:pulsejg 1s linear infinite; -webkit-box-shadow:rgba(255, 255, 255, 1) 0 0 12px 5px inset; box-shadow: 0 0 12px 5px rgba(255, 255, 255, 1) inset; box-sizing: border-box; animation: 1s linear 0s normal none infinite running pulsejg;}
.i-bbts2{width:100px; height:35px; opacity: 0; line-height: 35px; position: absolute; left: 50%;top: 63%; z-index: 2; margin-left: -42px; 2; border-radius: 6px; -webkit-animation:pulsejg 1s linear infinite; -webkit-box-shadow:rgba(255, 255, 255, 1) 0 0 12px 5px inset; box-shadow: 0 0 12px 5px rgba(255, 255, 255, 1) inset; box-sizing: border-box; animation: 1s linear 0s normal none infinite running pulsejg;}
.i-bbt{position: relative;border: 1px solid #ffffff;padding: 10px; width:100px; height:35px; line-height:40px; float:left; margin:18px 17px; font-size:16px; text-align:center; cursor: pointer;}
.i-bbt:hover {background:#ffffff;}
.i-bbtn{width:100px; height:35px; transition: all 0.6s ease 0s;color:black;background:#ffffff;}
.down{position:absolute; width:100%; height:62px;top:55%;}
.downc{width: 560px;height: 62px;}
.part4 a{z-index: 3;position: relative;}
.rights_wrap a{outline: none;}
/* 发光按钮动画 */
@keyframes pulsejg {
    0% {opacity: 0;transform: scale(1.1);}
    40% {opacity: 0.2;transform: scale(1.2);}
    50% {opacity: 0.3;transform: scale(1.3);}
    60% {opacity: 0.5;transform: scale(1.4);}
    80% {opacity: 0.2;transform: scale(1.7);}
    100% {opacity: 0;transform: scale(1.8);}
}
@-webkit-keyframes pulsejg {
    0% {opacity: 0;-webkit-transform: scale(1.1);}
    40% {opacity: 0.2;-webkit-transform: scale(1.2);}
    50% {opacity: 0.3;-webkit-transform: scale(1.3);}
    60% {opacity: 0.5;-webkit-transform: scale(1.4);}
    80% {opacity: 0.2;-webkit-transform: scale(1.7);}
    100% {opacity: 0;-webkit-transform: scale(1.8);}
}